// 业务封装：带悬停效果的卡片组件
import { Card, CardProps } from '../ui/card'
import { cn } from '@shared/shared-utils'

// 悬停放大的卡片
const ScaleHoverCard = ({ className, ...props }: CardProps) => {
  return (
    <Card
      className={cn(
        'cursor-pointer transition-all duration-300 ease-out',
        'hover:border-primary/20 hover:scale-105 hover:shadow-xl',
        className,
      )}
      {...props}
    />
  )
}

// 悬停向上凸出的卡片
const LiftHoverCard = ({ className, ...props }: CardProps) => {
  return (
    <Card
      className={cn(
        'cursor-pointer transition-all duration-300 ease-out',
        'hover:bg-card/95 shadow-sm hover:-translate-y-2 hover:shadow-2xl',
        className,
      )}
      {...props}
    />
  )
}

export { ScaleHoverCard, LiftHoverCard }
